<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>弑君者 - claude-3.7-sonnet</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="game-container">
        <header>
            <h1>弑君者</h1>
            <p>一副扑克牌的RPG桌游</p>
        </header>
        
        <div class="game-setup">
            <h2>游戏设置</h2>
            <div class="player-setup">
                <button id="start-game">开始游戏(单人模式)</button>
            </div>
        </div>
        
        <div class="game-board hidden">
            <div class="boss-area">
                <div class="boss-card">
                    <div class="boss-info">
                        <h3 id="boss-name">Boss</h3>
                        <div class="boss-stats">
                            <div class="health">
                                <span>生命: </span>
                                <span id="boss-health">0</span>
                            </div>
                            <div class="attack">
                                <span>攻击: </span>
                                <span id="boss-attack">0</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="middle-area">
                <div class="deck">
                    <div class="deck-count">剩余: <span id="deck-count">0</span></div>
                </div>
                <div class="discard-pile">
                    <div class="discard-count">弃牌: <span id="discard-count">0</span></div>
                </div>
                <div class="play-area">
                    <h3>出牌区</h3>
                    <div id="played-cards" class="played-cards"></div>
                </div>
            </div>
            
            <div class="player-area">
                <div class="player-info">
                    <h3>玩家 <span id="current-player">1</span> 回合</h3>
                    <div class="hand-limit">手牌上限: <span id="hand-limit">0</span></div>
                </div>
                <div id="player-hand" class="player-hand"></div>
                <div class="action-buttons">
                    <button id="play-cards" disabled>出牌</button>
                    <button id="pass-turn">过牌</button>
                    <button id="discard-cards" class="hidden">弃牌</button>
                </div>
            </div>
            
            <div class="game-log">
                <h3>游戏日志</h3>
                <div id="log-content" class="log-content"></div>
            </div>
        </div>
        
        <div class="game-over hidden">
            <h2 id="game-result"></h2>
            <button id="play-again">再玩一次</button>
        </div>
        
        <div class="rules-section">
            <h2>游戏规则</h2>
            <div class="rules-content">
                <h3>概述</h3>
                <p>一副扑克就可以玩的RPG桌游规则</p>
                
                <h3>人数与手牌</h3>
                <table>
                    <tr>
                        <th>人数</th>
                        <th>Joker</th>
                        <th>手牌上限</th>
                    </tr>
                    <tr>
                        <td>4</td>
                        <td>2</td>
                        <td>5</td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td>1</td>
                        <td>6</td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>0</td>
                        <td>7</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>特殊</td>
                        <td>8</td>
                    </tr>
                </table>
                
                <h3>游戏步骤</h3>
                <ol>
                    <li>出牌或过牌</li>
                    <li>激活花色技能</li>
                    <li>对boss造成伤害</li>
                    <li>承受boss伤害(扔掉点数总和大于等于boss伤害的牌)</li>
                </ol>
                
                <h3>胜利/失败条件</h3>
                <ul>
                    <li>当前boss血量为0则选择抽取下一个boss直到boss打完为胜利</li>
                    <li>无法扔掉点数大于等于boss伤害的牌时失败</li>
                </ul>
                
                <h3>Boss</h3>
                <table>
                    <tr>
                        <th>Boss</th>
                        <th>生命</th>
                        <th>攻击力</th>
                    </tr>
                    <tr>
                        <td>J</td>
                        <td>20</td>
                        <td>10</td>
                    </tr>
                    <tr>
                        <td>Q</td>
                        <td>30</td>
                        <td>15</td>
                    </tr>
                    <tr>
                        <td>K</td>
                        <td>40</td>
                        <td>20</td>
                    </tr>
                </table>
                
                <h3>花色技能</h3>
                <table>
                    <tr>
                        <th>花色</th>
                        <th>技能</th>
                    </tr>
                    <tr>
                        <td>♥️</td>
                        <td>从弃牌堆拿去x张牌放入卡组底</td>
                    </tr>
                    <tr>
                        <td>♦️</td>
                        <td>从卡组上方抽取x张牌</td>
                    </tr>
                    <tr>
                        <td>♣️</td>
                        <td>造成x双倍的伤害</td>
                    </tr>
                    <tr>
                        <td>♠️</td>
                        <td>减少敌人x点数的伤害</td>
                    </tr>
                </table>
                <p>x为牌点数</p>
                
                <h3>Joker</h3>
                <h4>多人游戏</h4>
                <ul>
                    <li>破除当前boss的无效化能力</li>
                    <li>跳过阶段3,4</li>
                    <li>指定下一个人进行行动</li>
                </ul>
                
                <h4>单人游戏</h4>
                <ul>
                    <li>重新抽牌</li>
                </ul>
                
                <h3>宠物派</h3>
                <ul>
                    <li>A为宠物牌，可以与其他任意牌组合出，计算点数为两个点数和，触发两个花色技能</li>
                    <li>宠物牌不能单独出，只能被其他牌带着出</li>
                </ul>
                
                <h3>连招</h3>
                <ul>
                    <li>相同点数的牌且点数之和不超过10可以一起出，计算点数为出牌的总和，触发出牌内所有花色技能</li>
                    <li>宠物不能作为连招牌出</li>
                </ul>
                
                <h3>特殊</h3>
                <ul>
                    <li>刚好将boss血量减为0，则将boss放入卡组顶部</li>
                    <li>boss将相同花色的技能视为无效化</li>
                </ul>
            </div>
        </div>
    </div>
    
    <script src="js/game.js"></script>
</body>
</html>